<template>
	<div>
		<co-header :category-id="categoryId"></co-header>
		<co-middle-detail></co-middle-detail>
		<co-footer></co-footer>
	</div>
</template>

<script>
	import Header from "./Header.vue"
	import MiddleDetail from "./MiddleDetail.vue"
	import Footer from "./Footer.vue"
	export default {
		name: 'Detail',
		data:function(){
			return {
				categoryId:0
			}
		},
		components: {
			'co-header': Header,
			'co-middle-detail': MiddleDetail,
			'co-footer': Footer
		}
	}
</script>

<style>

</style>
